@font-face {
  font-family: "DouyinSansBold";
  src: url("../assets/font/DouyinSansBold.ttf");
  src: url("../assets/font/DouyinSansBold.ttf") format("truetype");
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  font-family: "DouyinSansBold";
}
.h4 {
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}

// 滚动条优化
::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 6;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50px;
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #b8b8b8;
  -webkit-border-radius: 6px;
  // outline: 2px solid #fff;
  outline-offset: -2px;
  // border: 2px solid #fff;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #878987;
  -webkit-border-radius: 6px;
}
:root {
  --window-width: 1280px;
  font-family: HiraginoSansGB-W3, Microsoft Yahei, Tahoma, Arial, sans-serif;
}

:root {
  --color-green: 130deg;
  --color-blue: 200deg;
  --color-purple: 250deg;

  --opacity-100: 100%;
  --opacity-80: 80%;
  --opacity-70: 70%;
  --opacity-50: 50%;
  --opacity-30: 30%;

  --lightness-60: 60%;
  --lightness-40: 40%;
  --lightness-30: 30%;
  --lightness-20: 20%;
  --lightness-10: 10%;

  --saturaton-100: 100%;
  --saturaton-80: 80%;
  --saturaton-70: 70%;
  --saturaton-50: 50%;
  --saturaton-30: 30%;
}

/*公共样式*/
body,
ul,
dl,
dt,
dd,
p,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
table,
fieldset,
legend {
  margin: 0;
  padding: 0;
}

ul,
li,
ol {
  list-style: none;
}

img,
fieldset {
  border: 0;
}

img {
  display: block;
}

a {
  text-decoration: none;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}

body {
  /* font-family: "PingFang SC"; */
  font-family: "思源黑体,微软雅黑";
}

input,
a {
  outline: none;
}

html {
  font-size: 16px;
}

